<div class="aw-top-menu-wrap">
    <div class="container">
        <!-- logo -->
        <div class="aw-logo hidden-xs">
            <a href="https://www.97560.com">
                <img src="/default/css/img/logo.png"  height="40">
            </a>
        </div>
        <!-- end logo -->
        <!-- 搜索框 -->
        <div class="aw-search-box  hidden-xs hidden-sm">
            <form class="navbar-search" action="/search" id="global_search_form" method="get">

                <label class="oldPwdTip aw-search-query-label" onclick="$(this).hide();$('#aw-search-query').focus();">搜索问题、话题或人...</label>
                <input class="form-control search-query" type="text" value="${title!}"  autocomplete="off" name="q" id="aw-search-query" onfocus="hideOldPwdTip('aw-search-query');" onblur="toggleOldPwdTip('aw-search-query',this.value);" />
                <span title="搜索" id="global_search_btns" onClick="$('#global_search_form').submit();"><i class="icon icon-search"></i></span>
                <div class="aw-dropdown">
                    <div class="mod-body">
                        <p class="title">输入关键字进行搜索</p>
                        <ul class="aw-dropdown-list collapse"></ul>
                        <p class="search"><span>搜索:</span><a onClick="$('#global_search_form').submit();"></a></p>
                    </div>
                    <div class="mod-footer">
                        <a href="javascript:;" onClick="$('#header_publish').click();" class="pull-right btn btn-mini btn-success publish">发起问题</a>
                    </div>
                </div>
            </form>
        </div>
        <!-- end 搜索框 -->
        [@fly_user method="userLogin"]
        <!-- 导航 -->
        <div class="aw-top-nav navbar">
            <div class="navbar-header">
                <button  class="navbar-toggle pull-left">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <nav role="navigation" class="collapse navbar-collapse bs-navbar-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="/"><i class="icon icon-home"></i> 动态</a></li>
                    <li><a href="/group-index"><i class="icon icon-column"></i> 小组</a></li>
                    <li><a href="/topic/index"><i class="icon icon-topic"></i> 话题</a></li>
                    <li><a href="/people-rank"><i class="icon icon-users"></i> 用户</a></li>
                    [#if userLogin??]
                    <li>
                        <a href="/user/inbox/" class=""><i class="icon icon-bell"></i> 通知</a>
                        <span class="badge badge-important" style="display:none" id="notifications_unread">0</span>
                        <div class="aw-dropdown pull-right hidden-xs">
                            <div class="mod-body">
                                <ul id="header_notification_list"></ul>
                            </div>
                            <div class="mod-footer">
                                <a href="/user/inbox/">查看全部</a>
                            </div>
                        </div>
                    </li>
                    [/#if]
                   <!-- <li>
                        <a style="font-weight:bold;">· · ·</a>
                        <div class="dropdown-list pull-right">
                            <ul id="extensions-nav-list">
                                <li><a href="#"><i class=""></i> 应用市场</a></li>
                            </ul>
                        </div>
                    </li>-->
                </ul>
            </nav>
        </div>
        <!-- end 导航 -->

        <!-- 用户栏 -->
        <div class="aw-user-nav">
            <!-- 登陆&注册栏 -->
            [#if userLogin??]
            <a href="/u/${userLogin.shortUrl!}" class="aw-user-nav-dropdown">
                <img alt="${user.nickname!}" src="[#if userLogin.avatar??]${userLogin.avatar!}[#else]/images/avatar_boy.jpg[/#if]" />
                <span class="badge badge-important">0</span>
            </a>
            <div class="aw-dropdown dropdown-list pull-right">
                <ul class="aw-dropdown-list">
                    <li>
                        <a href="/user/inbox/">
                            <i class="icon icon-inbox"></i> 私信
                            <span class="badge badge-important collapse" id="inbox_unread">0</span>
                        </a>
                    </li>
                    <li class="hidden-xs"><a href="/user/setting/profile/"><i class="icon icon-setting"></i> 设置</a></li>
                    <li id="changeSkin"><a href="javascript:void(0);"><i class="icon icon-skin"></i> 换肤</a></li>
                    <li><a href="/user/logout"><i class="icon icon-logout"></i> 退出</a></li>
                </ul>
            </div>
            <div class="aw-dropdown dropdown-list pull-right" id="skinList" style="left: 100%;top:200%;display: none">
                <ul class="aw-dropdown-list">
                    <li><a href="#"><i class="icon icon-draft"></i> 默认&nbsp;&nbsp;√</a></li>
                    <li><a href="#"><i class="icon icon-draft"></i> 绿色&nbsp;&nbsp;</a></li>
                    <li><a href="#"><i class="icon icon-draft"></i> 橙色&nbsp;&nbsp;</a></li>
                </ul>
            </div>
            [#else]
            <a class="login btn btn-normal btn-primary" href="/user/login">登录</a>
            <a class="register btn btn-normal btn-success" href="/register/phone">注册</a>						<!-- end 登陆&注册栏 -->
            [/#if]

            <!-- end 登陆&注册栏 -->
        </div>
        <!-- end 用户栏 -->
        [#if userLogin??]
        <!-- 发起 -->
<!--        <div class="aw-publish-btn">
            <a id="header_publish" class="btn-primary" href="#"><i class="icon icon-ask"></i>发起</a>
            <div class="dropdown-list pull-right">
                <ul>
                    <li>
                        <form method="post" action="#">
                            <a onclick="$(this).parents('form').submit();">问题</a>
                        </form>
                    </li>
                    <li>
                        <form method="post" action="#">
                            <a onclick="$(this).parents('form').submit();">文章</a>
                        </form>
                    </li>
                    <li>
                        <form method="post" action="#">
                            <a onclick="$(this).parents('form').submit();">建议</a>
                        </form>
                    </li>
                    <li><a href="#">悬赏</a></li>
                </ul>
            </div>
        </div>-->
        <!-- end 发起 -->
        [/#if]
        [/@fly_user]
    </div>
</div>
<script>
    $(function () {
        var $changeSkin = $("#changeSkin"), $skinList = $("#skinList");
        $changeSkin.mouseenter(function () {
            $skinList.stop(true,true).show();
        });
        $changeSkin.mouseleave(function (e) {
            $skinList.hide();
        });
        $skinList.mouseover(function () {
            $(this).stop(true,true).show();
        });
        $skinList.mouseleave(function (e) {
            $(this).hide();
        })
    })
</script>